<script setup lang="ts">
import Header from "@/components/Header.vue";
import Sider from "@/components/Sider.vue";
</script>

<template>
  <n-flex>
    <n-layout class="min-h-screen">
      <Header></Header>
      <n-layout position="absolute" style="top: 64px; bottom: 4px" has-sider>
        <Sider></Sider>
        <n-layout-content content-style="padding: 20px;">
          <router-view/>
        </n-layout-content>
      </n-layout>
    </n-layout>
  </n-flex>
</template>

<style scoped>

</style>